{% extends "web/base.html" %}

{% load static from staticfiles %}



{% block mainbody %}

      <!-- 商品列表 -->
<h3 style = "color:red">全部商品推荐</h3>
<hr>
      <div class="goods-list">

        <div class="row">

          {% for goods in Total_Goods %}

          <div class="col-md-3 col-sm-6 col-xs-6">

            <div class="gl-item">

              <div class="compare-btn-list" >

                  <i class="iconfont  icon-duibi compare-duibi"></i>

                  <span class="hidden-xs hidden-sm">对比</span>

              </div>

              <div class="gl-item-wrap">

                <!-- Tab panes -->

                <div class="tab-content">

                  <div role="tabpanel" class="tab-pane active mod-pic" id="list-p1">

                    <a href="{% url 'detail' goods.id %}">

                      <img class="lazy j-modProduct" src="/static/goods/m_{{goods.picname}}" width="220" height="220">

                    </a>

                  </div>

  

                </div>



                <!-- Nav tabs -->

                <div class="item-slide j-pro-wrap  hidden-xs hidden-sm">

                  <ul class="nav nav-tabs  " role="tablist">

                    <li role="presentation" class="active">

                      <a href="#list-p1" aria-controls="list-p1" role="tab" data-toggle="tab">

                        <img class="lazy"  src="/static/goods/s_{{goods.picname}}" style="display: inline;" width="40" height="40">

                      </a>

                    </li>

                    <li role="presentation">

                      <a href="#list-p2" aria-controls="list-p2" role="tab" data-toggle="tab">

                        <img class="lazy"  src="{% static 'web/img/list02.jpg' %}" style="display: inline;" width="40" height="40">

                      </a>

                    </li>

                    <li role="presentation">

                      <a href="#list-p3" aria-controls="list-p3" role="tab" data-toggle="tab">

                        <img class="lazy"  src="{% static 'web/img/list03.jpg' %}" style="display: inline;" width="40" height="40">

                      </a>

                    </li>

                  </ul>

                </div>

                <div class="slide-btn j-modBtns" style="display: none;">

                    <span  class="prev iconfont disabled"></span>

                    <span  class="next iconfont"></span>

                </div>



                <h2 onclick="window.location='{% url 'detail' goods.id %}'">{{goods.goods}}</h2>

                

                <dd class="mod-price">

                    <span>￥</span>

                    <span class="vm-price">{{goods.price}}</span>

                    <span class="vm-start">起</span>

                </dd>

              </div>

            </div>

          </div>

          {% endfor %}

        </div>

        

      </div>

<br>
<br>
<h3 style = "color:red" >服装推荐</h3>
<hr>
      <div class="goods-list">

        <div class="row">

          {% for goods in Cloth_Goods %}

          <div class="col-md-3 col-sm-6 col-xs-6">

            <div class="gl-item">

              <div class="compare-btn-list" >

                  <i class="iconfont  icon-duibi compare-duibi"></i>

                  <span class="hidden-xs hidden-sm">对比</span>

              </div>

              <div class="gl-item-wrap">

                <!-- Tab panes -->

                <div class="tab-content">

                  <div role="tabpanel" class="tab-pane active mod-pic" id="list-p1">

                    <a href="{% url 'detail' goods.id %}">

                      <img class="lazy j-modProduct" src="/static/goods/m_{{goods.picname}}" width="220" height="220">

                    </a>

                  </div>

  

                </div>



                <!-- Nav tabs -->

                <div class="item-slide j-pro-wrap  hidden-xs hidden-sm">

                  <ul class="nav nav-tabs  " role="tablist">

                    <li role="presentation" class="active">

                      <a href="#list-p1" aria-controls="list-p1" role="tab" data-toggle="tab">

                        <img class="lazy"  src="/static/goods/s_{{goods.picname}}" style="display: inline;" width="40" height="40">

                      </a>

                    </li>

                    <li role="presentation">

                      <a href="#list-p2" aria-controls="list-p2" role="tab" data-toggle="tab">

                        <img class="lazy"  src="{% static 'web/img/list02.jpg' %}" style="display: inline;" width="40" height="40">

                      </a>

                    </li>

                    <li role="presentation">

                      <a href="#list-p3" aria-controls="list-p3" role="tab" data-toggle="tab">

                        <img class="lazy"  src="{% static 'web/img/list03.jpg' %}" style="display: inline;" width="40" height="40">

                      </a>

                    </li>

                  </ul>

                </div>

                <div class="slide-btn j-modBtns" style="display: none;">

                    <span  class="prev iconfont disabled"></span>

                    <span  class="next iconfont"></span>

                </div>



                <h2 onclick="window.location='{% url 'detail' goods.id %}'">{{goods.goods}}</h2>

                

                <dd class="mod-price">

                    <span>￥</span>

                    <span class="vm-price">{{goods.price}}</span>

                    <span class="vm-start">起</span>

                </dd>

              </div>

            </div>

          </div>

          {% endfor %}

        </div>

        

      </div>
      <!-- 商品列表 -->

    <!-- 楼层板块 -->


    <!-- 楼层板块 E-->


{% endblock %}
